window.$ = window.jQuery;

(function(){
$(".navbar-nav>li").each(function(){
    var url = $(this).children('a').attr('href')
    url = url.split("#",1)[0]
    url = url.split("://",2)[1]
    if(url && url.substr(-1) != "/" && !url.split("?",2)[1])url += "/";
    if(url == window.location.host + window.location.pathname + window.location.search){
        $(this).addClass("active");
    }
})

// var lastTimeScrollTop = $(window).scrollTop();
// var isFixed = false;
// var isFixedUp = false;

// var scrollFunction = function(){
//     if($(".sideber").innerHeight() != $("#main-row").height())
//         $(".sideber").css("height",$("#main-row").height());
//     var sideberHeight = $(".sideber").innerHeight();
//     var sideberDom = $(".sideber-content");
//     var sideberCHeight = sideberDom.innerHeight();
//     var SideberIsSmall = sideberCHeight < $(window).height();
//     var documentHeight = $(document).height();
//     var scrollTop = $(window).scrollTop();
//     var c = documentHeight - (sideberDom.offset().top + sideberCHeight) - (documentHeight - $(window).height() - scrollTop);
//     var b = sideberDom.offset().top - scrollTop;

//     var Up = scrollTop < lastTimeScrollTop;

//     if(Up && isFixed && !isFixedUp){
//         console.log(0)
//         sideberDom.css("top",(sideberDom.offset().top - $(".sideber").offset().top) + "px");
//         sideberDom.css("position","relative");
//         sideberDom.css("bottom","auto");
//         isFixed = false;
//         isFixedUp = false;
//     }
//     if(!Up && isFixed && isFixedUp){
//         console.log(1)
//         sideberDom.css("top",(sideberDom.offset().top - $(".sideber").offset().top) + "px");
//         sideberDom.css("position","relative");
//         sideberDom.css("bottom","auto");
//         isFixed = false;
//         isFixedUp = false;
//     }

//     console.log((documentHeight - sideberDom.offset().top - sideberCHeight) + " " + (documentHeight - $(".sideber").offset().top - sideberHeight));
//     console.log("c:" + c);
//     if(documentHeight - sideberDom.offset().top - sideberCHeight >= documentHeight - $(".sideber").offset().top - sideberHeight){
//         if(documentHeight - sideberDom.offset().top - sideberCHeight != documentHeight - $(".sideber").offset().top - sideberHeight && c > 0){
//             console.log(2)
//             sideberDom.css("position","fixed");
//             sideberDom.css("bottom","0px");
//             sideberDom.css("top","auto");
//             isFixed = true;
//             isFixedUp = false;
//         }
//     }else{
//         console.log(3)
//         sideberDom.css("position","relative");
//         sideberDom.css("top",sideberHeight - sideberCHeight + "px");
//         sideberDom.css("bottom","auto");
//         isFixed = false;
//         isFixedUp = false;
//     }
    
//     if(sideberDom.offset().top  >= $(".sideber").offset().top){
//         if(sideberDom.offset().top  != $(".sideber").offset().top && b > 0){
//             console.log(4)
//             sideberDom.css("position","fixed");
//             sideberDom.css("bottom","auto");
//             sideberDom.css("top","0px");
//             isFixed = true;
//             isFixedUp = true;
//         }
//     }else{
//         console.log(5)
//         sideberDom.css("position","relative");
//         sideberDom.css("top",0 + "px");
//         sideberDom.css("bottom","auto");
//         isFixed = false;
//         isFixedUp = false;
//     }

//     lastTimeScrollTop = scrollTop;
// }

// scrollFunction()

// $(window).scroll(scrollFunction)
var bg01 = $(".bg-img-01");
var bgbox = $(".bg-box");
var bgCtrl = function(){
    var scrollTop = $(window).scrollTop();
    var windowsHeight = $(window).height();
    var DomHeight = $(document).height();
    var width = bg01.width();
    bg01.css("transform","translate(" + (scrollTop / (width / windowsHeight) - width / 2) + "px,0px)");
    bgbox.css("transform","translate(0px," + scrollTop / (DomHeight / windowsHeight) % (DomHeight - 1000) + "px)")
}
bgCtrl();
$(window).scroll(bgCtrl);
})();